<!DOCTYPE html>
<html lang="pl">

    <head>

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <title>Oferta</title>
        <meta name="description" content="Oferty wakacyjne">
        <meta name="keywords" content="wakacje, podróże, lato">
        <meta name="author" content="Małgorzata Chwil">
        <link rel="icon" href="img/balon.png">

        <link href="css/bootstrap.min.css" rel="stylesheet"/>
        <link href="css/style.css" rel="stylesheet"/>

    </head>

    <body>

        <section class="biuro">

            <nav class="navbar navbar-expand-lg navbar-dark bg-nav fixed-top" id="klasa">
                <div class="container">
                    <a class="navbar-brand" href="index.html"><img src="img/balon.png" style="height: 40px" alt="logo"> Biuro podróży</a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarResponsive">
                        <ul class="navbar-nav ml-auto">
                            <li class="nav-item">
                                <a class="nav-link text-my-own-color" href="index.html">Strona główna
                                    <span class="sr-only">(current)</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-my-own-color" href="formularz.html">Zakup</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-my-own-color" href="koszyk.html">Koszyk</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-my-own-color" href="oferta.html">Oferta</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>

            <header class="bg-slider py-5 mb-5">
                <div class="container h-100">
                    <div class="row h-100 align-items-center">
                        <div class="col-lg-12">
                            <div id="przykladowaKaruzela2" class="carousel slide" data-ride="carousel">
                                <div class="carousel-inner">
                                    <div class="carousel-item active">
                                        <img class="d-block w-100" src="img/obraz1.jpg" style="height: 350px" alt="Pierwszy slajd">
                                    </div>
                                    <div class="carousel-item">
                                        <img class="d-block w-100" src="img/obraz2.jpg" style="height: 350px" alt="Drugi slajd">
                                    </div>
                                    <div class="carousel-item">
                                        <img class="d-block w-100" src="img/obraz3.png" style="height: 350px" alt="Trzeci slajd">
                                    </div>
                                    <div class="carousel-item">
                                        <img class="d-block w-100" src="img/obraz4.png" style="height: 350px" alt="Drugi slajd">
                                    </div>
                                    <div class="carousel-item">
                                        <img class="d-block w-100" src="img/obraz5.png" style="height: 350px" alt="Drugi slajd">
                                    </div>
                                </div>
                                <a class="carousel-control-prev" href="#przykladowaKaruzela2" role="button" data-slide="prev">
                                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                    <span class="sr-only">Poprzedni</span>
                                </a>
                                <a class="carousel-control-next" href="#przykladowaKaruzela2" role="button" data-slide="next">
                                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                    <span class="sr-only">Następny</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </header>

            <div class="container">
                <div class="row">
                    <div class="col-md-8 mb-5">
                        <h2>Regulamin</h2>
                        <p>1. Przeczytaj uważnie cały regulamin</p>
                        <p>2. Edytować szczegóły wycieczki można niepóźniej niż do 5 dnia poprzedzającego wyjazd</p>
                        <p>3. Zrezygnować z wycieczki można niepóźniej niż do 5 dnia poprzedzającego wyjazd</p>
                        <p>3. Termin wyjazdu w czasie zakupu nie może być wcześniej niż miesiąc po dacie zakupu</p>
                        <p>4. Podczas wycieczki należy zachowywać się zgodnie z obowiązującymi zasadami kultury osobitej</p>
                        <p>5. Baw się dobrze!</p>
                    </div>
                    <div class="col-md-4 mb-5">
                        <h2>Kontakt</h2>
                        <hr>
                        <address>
                            <strong>Biuro podróży</strong>
                            <br>ul. Magnoliowa 32A
                            <br>Warszawa 00-009
                            <br>
                        </address>
                        <address>
                            <abbr title="Phone">Telefon:</abbr>
                            +48 598 654 478
                            <br>
                            <abbr title="Email">E-mail:</abbr>
                            <a href="mailto:#">biuro.podrozy@gmail.com</a>
                        </address>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 mb-5">
                        <div class="card h-100">
                            <img class="card-img-top" src="img/regulamin.jpg" alt="obrazek" style="height: 250px">
                            <div class="card-body">
                                <h4 class="card-title">Regulamin</h4>
                                <p class="card-text">Zanim przystąpisz do zakupu wycieczki zapoznaj się z regulaminem. Wymagane jest zaakceptowanie regulaminu.</p>
                            </div>
                            <div class="card-footer">
                                <a href="regulamin.html" class="btn btn-primary bg-button">Zapoznaj się</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-5">
                        <div class="card h-100">
                            <img class="card-img-top" src="img/oferta.png" style="height: 250px" alt="obrazek">
                            <div class="card-body">
                                <h4 class="card-title">Oferta</h4>
                                <p class="card-text">Zapoznaj się z organizowanymi przez nas wycieczkami.</p>
                            </div>
                            <div class="card-footer">
                                <a href="oferta.html" class="btn btn-primary bg-button">Znajdź</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-5">
                        <div class="card h-100">
                            <img class="card-img-top" src="img/zakup.jpg" style="height: 250px" alt="obrazek">
                            <div class="card-body">
                                <h4 class="card-title">Zakup</h4>
                                <p class="card-text">Jeśli jesteś już zdecydowany gdzie chcesz się udać po prostu kliknij!</p>
                            </div>
                            <div class="card-footer">
                                <a href="formularz.html" class="btn btn-primary bg-button">Kup</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <footer class="py-5 bg-footer"><div class="container"><p class="m-0 text-center">&copy; MC</p></div></footer>

        </section>

        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
        <script src="js/bootstrap.min.js"></script>

    </body>

</html>